
.bWine{
    height: 100%;
    overflow-y: scroll;
}

.pubSearcHeader {
          background-color: #fafafa;
          position: relative;

          .headSearch {
                    width: 100%;
                    height: .4rem;
                    border-bottom: .01rem solid #e4e4e4;
                    padding: 0 .54rem 0.33rem;
                    box-sizing: border-box;
                    background-color: #fafafa;
                    position: relative;
                    overflow: hidden;

                    .back {
                              display: block;
                              width: .33rem;
                              height: .4rem;
                              background-position:.2rem 0;
                              position: absolute;
                              left: 0;
                              top: 0;

                    }

                    .sIcon {
                              background: url(https://mcart.jiuxian.com/statics/images/cart/catIcon.png) no-repeat 0 .05rem;
                              background-size: 1.5rem 1.5rem;
                              cursor: pointer;
                    }

                    .searchInput {
                              margin: .06rem 0;
                              position: relative;
                              em {
                                        display: inline-block;
                                        width: .12rem;
                                        height: .12rem;
                                        background-position: -.41rem -.18rem;
                                        position: absolute;
                                        left: .1rem;
                                        top: .08rem;
                                    }
                                    .sIcon {
                                        // background: url(../../images/search/searchIcon.png) no-repeat;
                                        background-size: 1.2rem .4rem;
                                        cursor: pointer;
                                    }

                                    input,b {
                                        font-weight: normal;
                                        color: #666;
                                        font-family: "Microsoft YaHei";
                                        cursor: pointer;
                                        display: inline-block;
                                        width: 100%;
                                        height: .28rem;
                                        font-size: .12rem;
                                        color: #333;
                                        line-height: .28rem;
                                        border: none;
                                        background-color: #ececec;
                                        border-radius: .05rem;
                                        padding: 0 .3rem;
                                    }
                          }
                    
                          .picTab {
                              display: block;
                              width: .54rem;
                              height: .4rem;
                              line-height: .4rem;
                              color: #666;
                              font-size: .14rem;
                              text-align: center;
                              position: absolute;
                              top: 0;
                              right: 0;
                             span.picTab {    
                                       display: inline-block;
                                        width: .24rem;
                                        height: .24rem;
                                        margin: .08rem auto;
                                        background-position: 0 -.45rem;
                                       
                                    }
                              

                              .listIcon {
                           
                              background-size: 1rem .7rem;
                              }
                             
                          }


                    

          }
}

.tabBarBox {
          border-bottom: .01rem solid #e8e8e8;
          .tabBar {
                    width: 100%;
                    height: .4rem;
                    line-height: .4rem;
                    display: flex;
                    background-color: #fff;
                    position: relative;
                    .tab.on {
                              color: #fc5a5a;
                          }
                          .tab {
                              width: 26%;
                              height: .4rem;
                              display: inline-block;
                              text-align: center;
                              color: #252525;
                              overflow: hidden;
                          }
                          .tab4 {
                              width: 22%;
                          }
                          .line3 {
                              left: 78%;
                              width: .01rem;
                              height: .19rem;
                              background-color: #e8e8e8;
                              position: absolute;
                              top: 0;
                              bottom: 0;
                              margin: auto;
                              display: block;

                          }    
                }
                .filtrate {
                    height: .42rem;
                    padding: .03rem .15rem 0;
                    background-color: #fff;
                    a {
                              display: inline-block;
                              height: .26rem;
                              line-height: .26rem;
                              color: #333;
                              font-size:.12rem;
                              background-color: #f6f6f6;
                              border-radius: .13rem;
                              margin-right: .1rem;
                              padding: 0 .15rem;
                          }
                    a.filter_jxps {
                              position: relative;
                              color: #ff9c00;
                              z-index: 1;
                          }
                }
      }
.goodsContent{
    padding-bottom: .49rem;
    font-size: .14rem;
    #goodsList{
        li{
            // height: 1.15rem;
            padding-top: .05rem;
            display: flex;
            position: relative;
            background: #fff;
            .goodsA{
               
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 2;
                    background: #fff;
                    opacity: 0;
           }
            img{
                width: 1.1rem;
                height: 1.1rem;
            } 
            .goodsName{
                // height: 1.04rem;
                display: block;
                padding: .05rem 0 .05rem .1rem;
                border-bottom: .01rem solid #e8e8e8;
                p.title
                    {max-height: .36rem;
                    line-height: .18rem;
                    color: #000000;
                    font-size: .14rem;
                    vertical-align: top;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
                .nameAndPro {
                    height: .24rem;
                    line-height: .24rem;
                    overflow: hidden;
                    padding-top: .02rem;
                    .prom {
                        font-size: .1rem;
                        display: inline-block;
                        padding: 0 .02rem;
                        color: #fff;
                        height: .14rem;
                        line-height: .14rem;
                        border-radius: .02rem;
                        margin-left: .05rem;
                        overflow: hidden;
                    }
                    .prom1{
                        background-color: #ff8b58;
                    }
                    .prom2{
                        background-color: #6699ff;
                    }
                    .prom3{
                        background-color: #ffa855;
                    }
                }
            

            .goodsPrice{
                height: .2rem;
                line-height: .2rem;
                margin-top: .08rem;
                overflow: hidden;
                white-space: nowrap;
                .nowPrice{
                    font-size: .15rem;
                    color: #fc5a5a;
                    display: block;
            
                    
                }
            }
            .pro {
                height: .18rem;
                line-height: .18rem;
                white-space: nowrap;
                span {
                    color: #aaa;
                    font-size: .12rem;
                    white-space: nowrap;
                }
                .listIcon {
                    display: inline-block;
                    width: .38rem;
                    height: .13rem;
                    overflow: hidden;
                    background: url(https://mlist.jiuxian.com/mjava_statics/images/listIcon.png) no-repeat -.62rem -.15rem;
                    background-size: 1rem .7rem;
                }
                .t {
                    margin-left: .06rem;
                    position: relative;
                    top: .01rem;
                }
            }
        }}
    }
}
  
footer{
    text-align: center;
    margin-bottom: .3rem;
}